<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<style>
table{
	border-collapse: collapse;
}
thead{
	background-color: #f8f9fc;
}
tr{border-bottom: 1px solid #7c7a7a;}
td,th{
	padding: 10px;
	text-align: left;
}
.success span, .error span{
	position: relative;
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 4px;
}
.success span{
	background: #24d324;
}
.error span::before{
	content: '!';
	position: absolute;
	background-color: red;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	top: 0px;
	left: 0;
}
.success span::before{
	content: '';
	position: absolute;
	left: -1px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 12px;
	height: 6px;
	transform: rotate(-60deg);
	top: -1px;
}
</style>
<body><p style="margin: 0;height: 0;"><span id="9999" style="display: none !important; font-size:0; line-height:0">您的业务系统%target_name%(%target_url%) 于 %end_at% 可用性异常，为保障您业务正常运行，请及时确认。</span></p>
<p>&nbsp;&nbsp; &nbsp;</p>

<title></title>
<div style="width:100%;max-width:580px;margin:0 auto;color:#5e616e; font-size: 14px; font-family:PingFang SC">
<div style="height:48px;line-height:48px;padding-right: 20px;border-bottom:1px solid #0B6FD6;" width="32">
	<img height="44" src="data:image/png;base64,%email_logo%"
	style="border:0;float:left" width="auto" /> <span style="color: #000; font-size:20px;line-height:44px;padding-left:0.5em;font-weight:bold;float:left;">%product_nickname_cn%</span>
</div>

<div style="padding: 20px 0;">
<div style="font-size: 16px;color: #333333;">尊敬的%username%用户：</div>

<p style="margin: 0; text-indent: 20px; line-height: 32px;">您好！</p>

<p style="margin: 0; text-indent: 20px; line-height: 32px;">您的业务系统%target_name%(%target_url%) 于 %end_at% 可用性异常，为保障您业务正常运行，请及时确认。</p>

<p>&nbsp;</p>
<p>&nbsp;</p>

<table style="width: 100%;border: 1px solid #7c7a7a;">
	<thead>
			<th>监测点</th>
			<th>Ping响应时间</th>
			<th>HTTP响应时间/状态码</th>
			<th>域名解析速度</th>
			<th>页面读取速度</th>
			<th>状态</th>
	</thead>
	<tbody>
		%content%
	</tbody>
</table>
<p style="text-indent:20px">&nbsp;</p>

<p>&nbsp;</p>

<div style="text-align: center;"><a href="%link%" style="padding: 10px 20px; background-color: #0B6FD6; color: #fff; text-decoration: none; border-radius: 4px">查看详情</a></div>

<p>&nbsp;</p>

<p>&nbsp;</p>

<div style="font-size: 16px;color: #333">祝好！</div>

<div style="font-size: 16px;color: #333">%company_nickname_cn%</div>
</div>

<div style="padding: 20px 0; border-top: 1px solid #0B6FD6; height: 80px;">
%div_connect_qr%
<div style="float: left; font-size: 14px; line-height: 20px;">
<div>此为系统邮件，请勿回复。</div>

<div>如您需要任何帮助，欢迎随时联系我们！</div>
&nbsp;
%div_connect_tel%
</div>
</div>
</div>

</body>
</html>
